<template>
  <div>
      <!-- 自定义组件实现v-model : 必须实现:value @input -->
      <!-- $attrs 存储得是props 之外得部分 -->
    <input  :value="value"  @input="onInput" v-bind="$attrs">
  </div>
</template>

<script>
export default {
    inheritAttrs:false, //避免顶层容器继承属性
    props:{
        value:{
            type:String,
            default:''
        }
    },
  methods: {
      onInput(e){
          this.$emit('input',e.target.value)

            this.$parent.$emit('validate')

      }
  },
  created(){
      console.log(this.$attrs)
  }
};
</script>

<style scoped>

</style>
